<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1, minimum-scale=1, user-scalable=no , maximum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1,IE=10">
    <meta content="telephone=no" name="format-detection">
    <link rel="stylesheet" type="text/css" href="{HOME_THEME_PATH}css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="https://demo.waimaoniu.com/n77/css/aos.css">
    <link rel="stylesheet" type="text/css" href="{HOME_THEME_PATH}css/style.css">
    <script type="text/javascript" src="{HOME_THEME_PATH}js/jquery.min.js"></script>
    <title>设计编号:77</title>
</head>

<body class="inner-page">
    <div class="main">
        <!-- HEADER START -->
        <header class="header-box">

            <div class="header-middle">
                <div class="header-inner">
                    <div class="header-logo">
                        <div class="header-logo-box">
                            <a href="#"><img alt="Gecko" src="{HOME_THEME_PATH}picture/logo.png"></a>
                        </div>
                    </div>
                    <div class="header-inner-right">
                        <div class="header-contact">
                            <ul>
                                <li class="website-mailbox"><i class="iconfont">&#xe624;</i><a href="message.html"
                                        target="_blank">demo@your*domain.com </a></li>
                                <li class="website-phone"><i class="iconfont">&#xec76;</i><a href="message.html"
                                        target="_blank">400-12345-678</a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="social-link">
                        <a href="#" class="facebook">
                            <i class="iconfont fa-facebook">&#xe616;</i>
                        </a>
                        <a href="#" class="twitter">
                            <i class="iconfont fa-twitter">&#xe609;</i>
                        </a>
                        <a href="#" class="google-plus">
                            <i class="iconfont fa-google-plus">&#xe636;</i>
                        </a>
                        <a href="#" class="linkedin">
                            <i class="iconfont fa-linkedin">&#xe615;</i>
                        </a>
                        <a href="#" class="skype">
                            <i class="iconfont fa-skype">&#xec02;</i>
                        </a>
                    </div>

                    <!--<div class="company-motto">
                    <div class="company-motto-p"><p>Guaranteeing the highest quality products has always been our pursuit</p></div>
                </div>-->
                </div>
                <div class="clear"></div>
            </div>
            <!--导航栏-->
            <div id="fixedMenu">
                <div class="header-inner">
                    <div class="language">
                        <div class="cur">
                            <e class="en">English<i class="iconfont">&#xe635;</i></e>
                            <ul class="language-list">
                                <li><a href="#" title="English" class="en">English</a></li>
                                <li><a href="#" title="España" class="es">España</a></li>
                                <li><a href="#" title="Nederlands" class="nl">Nederlands</a></li>
                                <li><a href="#" title="العربية" class="ar">العربية</a></li>
                                <li><a href="#" title="Pусский" class="ru">Pусский</a></li>
                                <li><a href="#" title="Deutsch" class="de">Deutsch</a></li>
                                <li><a href="#" title="日本語" class="ja">日本語</a></li>
                                <li><a href="#" title="Português" class="pt">Português</a></li>
                                <li><a href="#" title="Français" class="fr">Français</a></li>
                                <li><a href="#" title="Italiano" class="it">Italiano</a></li>
                                <li><a href="#" title="한국의" class="ko">한국의</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="header-search">
                        <form>
                            <div class="search-box">
                                <input class="input-text" placeholder="Search entire store here..." type="text">
                                <button class="search-btn"><i class="iconfont">&#xe6c9;</i></button>
                            </div>
                        </form>
                    </div>
                    <nav class="main-nav" role="navigation">
                        <!-- Mobile menu toggle button (hamburger/x icon) -->
                        <input id="main-menu-state" type="checkbox">
                        <label class="main-menu-btn" for="main-menu-state">
                            <span class="main-menu-btn-icon"></span> Toggle main menu visibility
                        </label>
                        <!-- Sample menu definition -->
                        <ul id="main-menu" class="sm sm-blue">
                            <li><a href="index.html">Home</a></li>
                            <li><a href="products.html">Products</a>
                                <ul>
                                    <li><a href="product-list.html">Dummy item</a></li>
                                    <li><a href="product-list.html">Dummy item</a></li>
                                    <li><a href="product-list.html">Dummy item</a></li>
                                    <li><a href="product-list.html">More...</a>
                                        <ul>
                                            <li><a href="product-list.html">Dummy item</a></li>
                                            <li><a href="product-list.html">Dummy item</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li><a href="news.html">News</a>
                                <ul>
                                    <li><a href="news-list.html">Company News</a></li>
                                    <li><a href="news-list.html">Industry News</a></li>
                                </ul>
                            </li>
                            <li class="current"><a href="case.html">Case</a></li>
                            <li><a href="factory-show.html">Factory Show</a></li>
                            <li><a href="contact-us.html">Contact Us</a></li>
                            <li><a href="about-us.html">About Us</a>
                                <ul>
                                    <li><a href="about-us.html">About Us</a></li>
                                    <li><a href="about-us.html">Main Product</a></li>
                                    <li><a href="about-us.html">Design</a></li>
                                    <li><a href="about-us.html">Advantage</a></li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
            <!--导航栏结束-->

        </header>
        <!-- HEADER END -->
        <div class="inner-page-main">
            <div class="inner-page-middle">
                <div class="bread-crumb">
                    <i class="iconfont">&#xe688;</i>
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li>></li>
                        <li><a href="case.html">Case</a></li>
                        <li>></li>
                        <li><span>The advantages of publishing a product news</span></li>
                    </ul>
                </div>
                <div class="inner-page-content">
                    <div class="inner-page-r" aos="fade-left" aos-easing="ease" aos-delay="100">
                        <section class="case-details">
                            <div class="case-details-t">
                                <h1>The advantages of publishing a product news</h1>
                            </div>
                            <div class="case-details-box">
                                <p style="text-align:center; margin-bottom: 20px; "><img src="{HOME_THEME_PATH}picture/case2.jpg"
                                        alt=""></p>

                                <p>Oh, would I could describe these conceptions, could impress upon paper all that is
                                    living so full and warm within me, that it might be the mirror of my soul, as my
                                    soul is the mirror of the infinite God!</p>

                                <p>I am alone, and feel the charm of existence in this spot, which was created for the
                                    bliss of souls like mine. I am so happy, my dear friend, so absorbed in the
                                    exquisite sense.</p>
                                <p>I am alone, and feel the charm of existence in this spot, which was created for the
                                    bliss of souls like mine. I am so happy, my dear friend, so absorbed in the
                                    exquisite sense. oh, would I could describe these conceptions, could impress upon
                                    paper all that is living so full and warm within me, that it might be the mirror of
                                    my soul, as my soul is the mirror of the infinite God!</p>
                            </div>
                        </section>
                        <div class="other-upper-next">
                            <div class="other-upper-next-box">
                                <span class="other-upper"><a href="#"><i class="iconfont">&#xe7cf;</i>Upper
                                        case</a></span>
                                <span class="other-next"><a href="#"><i class="iconfont">&#xe661;</i>Next
                                        case</a></span>
                            </div>
                        </div>
                        <div class="inner-message">
                            <div class="th">Mail consultation</div>
                            <div class="inner-message-centered">Please feel free to give your inquiry in the form
                                below.<span>We will reply you in 24 hours.</span></div>
                            <div class="inner-message-row">
                                <form>
                                    <div class="item">
                                        <div class="inner-message-box">
                                            <input type="text" class="input-lg form-full" value="*Subject"
                                                onfocus="if(this.value=='*Subject'){this.value=''};this.style.color='#333';"
                                                onblur="if(this.value==''||this.value=='*Subject'){this.value='*Subject';this.style.color='#999';}"
                                                name="subject" id="subject" required="">
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="inner-message-box">
                                            <input type="text" class="input-lg form-full" value="*Email"
                                                onfocus="if(this.value=='*Email'){this.value=''};this.style.color='#333';"
                                                onblur="if(this.value==''||this.value=='*Email'){this.value='*Email';this.style.color='#999';}"
                                                name="email" id="email2" required="">
                                        </div>
                                    </div>
                                    <div class="item item-half">
                                        <div class="inner-message-half">
                                            <input type="text" class="input-lg form-full" value="Name"
                                                onfocus="if(this.value=='Name'){this.value=''};this.style.color='#333';"
                                                onblur="if(this.value==''||this.value=='Name'){this.value='Name';this.style.color='#999';}"
                                                name="Name" id="name" required="">
                                        </div>
                                    </div>
                                    <div class="item item-half">
                                        <div class="inner-message-box">
                                            <input type="text" class="input-lg form-full" value="Phone"
                                                onfocus="if(this.value=='Phone'){this.value=''};this.style.color='#333';"
                                                onblur="if(this.value==''||this.value=='Phone'){this.value='Phone';this.style.color='#999';}"
                                                name="phone" id="phone" required="">
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="inner-message-box">
                                            <textarea value="Message"
                                                onfocus="if(this.value=='Message'){this.value=''};this.style.color='#333';"
                                                onblur="if(this.value==''||this.value=='Message'){this.value='Message';this.style.color='#999';}"
                                                name="message" id="message" class="form-full"
                                                required="">Message</textarea>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <button class="btn-text">Submit</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="inner-page-l" aos="fade-right" aos-easing="ease" aos-delay="100">
                        <div class="sidebar-block">
                            <div class="sidebar-box">
                                <div class="sidebar-title">
                                    <span>Product List</span>
                                </div>
                                <div class="sidebar-contant sidebar-product">
                                    <dl>
                                        <dt><a href="product-list.html" title="Product Type One"><i></i>Product Type
                                                One</a></dt>
                                        <dd><a href="product-list.html">Product Categories</a></dd>
                                        <dd><a href="product-list.html">Product Categories</a></dd>
                                        <dd><a href="product-list.html">Product Categories</a></dd>
                                    </dl>
                                    <dl>
                                        <dt><a href="product-list.html" title="Product Type Two"><i></i>Product Type
                                                Two</a></dt>
                                        <dd><a href="product-list.html">Product Categories</a></dd>
                                        <dd><a href="product-list.html">Product Categories</a></dd>
                                    </dl>
                                    <dl>
                                        <dt><a href="product-list.html" title="Product Type three"><i></i>Product Type
                                                three</a></dt>
                                        <dd><a href="product-list.html">Product Categories</a></dd>
                                    </dl>
                                    <dl>
                                        <dt><a href="product-list.html" title="Product Type four"><i></i>Product Type
                                                four</a></dt>
                                    </dl>
                                    <dl>
                                        <dt><a href="product-list.html" title="Product Type Five"><i></i>Product Type
                                                Five</a></dt>
                                    </dl>
                                </div>
                            </div>
                            <div class="sidebar-box sidebar-featured">
                                <div class="sidebar-title">
                                    <span>feature product</span>
                                </div>
                                <div class="sidebar-contant">
                                    <ul>
                                        <li>
                                            <div class="item">
                                                <div class="pro-media"><a href="product-page.html"><img alt="T-shirt"
                                                            src="{HOME_THEME_PATH}picture/p1.jpg"></a></div>
                                                <div class="pro-detail-info">
                                                    <div class="th"><a href="product-page.html">This is one of our most
                                                            popular products</a></div>
                                                    <span><a class="btn" href="product-page.html">More</a></span>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="item">
                                                <div class="pro-media"><a href="product-page.html"><img alt="T-shirt"
                                                            src="{HOME_THEME_PATH}picture/p2.jpg"></a></div>
                                                <div class="pro-detail-info">
                                                    <div class="th"><a href="product-page.html">This is one of our most
                                                            popular products</a></div>
                                                    <span><a class="btn" href="product-page.html">More</a></span>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="item">
                                                <div class="pro-media"><a href="product-page.html"><img alt="T-shirt"
                                                            src="{HOME_THEME_PATH}picture/p3.jpg"></a></div>
                                                <div class="pro-detail-info">
                                                    <div class="th"><a href="product-page.html">This is one of our most
                                                            popular products</a></div>
                                                    <span><a class="btn" href="product-page.html">More</a></span>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="item">
                                                <div class="pro-media"><a href="product-page.html"><img alt="T-shirt"
                                                            src="{HOME_THEME_PATH}picture/p4.jpg"></a></div>
                                                <div class="pro-detail-info">
                                                    <div class="th"><a href="product-page.html">This is one of our most
                                                            popular products</a></div>
                                                    <span><a class="btn" href="product-page.html">More</a></span>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="sidebar-box sidebar-contact">
                                <div class="sidebar-title">
                                    <span>Contact Us</span>
                                </div>
                                <div class="sidebar-contant">
                                    <div class="mb-20">
                                        <div class="inner-title"><i class="iconfont">&#xec76;</i>phone:</div>
                                        <ul>
                                            <li><a href="#">400-12345-678</a></li>
                                        </ul>
                                    </div>
                                    <div class="mb-20">
                                        <div class="inner-title"><i class="iconfont">&#xe624;</i>E-mail :</div>
                                        <ul>
                                            <li><a href="#">demo@your*domain.com</a></li>
                                        </ul>
                                    </div>
                                    <div class="mb-20">
                                        <div class="inner-title"><i class="iconfont">&#xe606;</i>fax :</div>
                                        <ul>
                                            <li><a href="#">0000-1234567</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--FOOTER -->
            <footer class="footer-middle">
                <div class="footer-content">
                    <div class="footer-content-but expand"><span>more services</span><button type="button"><i
                                class="iconfont"></i></button></div><strong></strong>
                    <div class="footer-main">
                        <div class="item footer-contactus" aos="fade-right" aos-easing="ease" aos-delay="100">
                            <div class="footer-static-block">
                                <div class="th"><a href="contact-us.html">Contact Us</a></div>
                                <ul class="footer-block-contant">
                                    <li><a href="message.html"><b>Demo Marketing Group Co., Ltd.</b></a></li>
                                    <li><label><i class="iconfont">&#xe60b;</i></label><a href="message.html">Provinces,
                                            cities, counties, towns, China</a></li>
                                    <li><label><i class="iconfont">&#xe651;</i></label><a
                                            href="message.html">demo@your*domain.com </a> </li>
                                    <li><label><i class="iconfont">&#xe605;</i></label><a
                                            href="message.html">400-12345-678 / 0000-1234567</a></li>
                                </ul>
                                <div class="social-link-bottom">
                                    <a href="#" class="facebook">
                                        <i class="iconfont fa-facebook">&#xe616;</i>
                                    </a>
                                    <a href="#" class="twitter">
                                        <i class="iconfont fa-twitter">&#xe609;</i>
                                    </a>
                                    <a href="#" class="google-plus">
                                        <i class="iconfont fa-google-plus">&#xe636;</i>
                                    </a>
                                    <a href="#" class="linkedin">
                                        <i class="iconfont fa-linkedin">&#xe615;</i>
                                    </a>
                                    <a href="#" class="skype">
                                        <i class="iconfont fa-skype">&#xec02;</i>
                                    </a>
                                </div>

                            </div>
                        </div>
                        <div class="item key-words" aos="fade-left" aos-easing="ease" aos-delay="100">
                            <div class="footer-static-block">
                                <div class="th"><span>information</span></div>
                                <ul class="footer-block-contant">
                                    <li><i></i><a href="#">Delivery information</a></li>
                                    <li><i></i><a href="#">Privacy Policy</a></li>
                                    <li><i></i><a href="message.html">Message</a></li>
                                    <li><i></i><a href="certificate.html">Certificate</a></li>
                                    <li><i></i><a href="sitemap.html">Sitemap</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="item key-words" aos="fade-left" aos-easing="ease" aos-delay="100">
                            <div class="footer-static-block">
                                <div class="th"><span>key words</span></div>
                                <ul class="footer-block-contant">
                                    <li><i></i><a href="#">standard size</a></li>
                                    <li><i></i><a href="#">the best quality</a></li>
                                    <li><i></i><a href="#">most popular</a></li>
                                    <li><i></i><a href="#">value for money</a></li>
                                    <li><i></i><a href="#">cheapest product</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="item key-words" aos="fade-left" aos-easing="ease" aos-delay="100">
                            <div class="footer-static-block">
                                <div class="th"><span>key words</span></div>
                                <ul class="footer-block-contant">
                                    <li><i></i><a href="#">standard size</a></li>
                                    <li><i></i><a href="#">the best quality</a></li>
                                    <li><i></i><a href="#">most popular</a></li>
                                    <li><i></i><a href="#">value for money</a></li>
                                    <li><i></i><a href="#">cheapest product</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="footer-secondary">
                    <div class="footer-secondary-box">
                        <p>© 2018 Foreign cattle technology service AaryaWeb</p>
                    </div>
                </div>
            </footer>
            <script>
                //手机端底部折叠
                $('.sidebar-block-but').on("click", function () {
                    $(".sidebar-box").toggleClass("expand");
                    $(this).toggleClass("expand");
                })
                $('.footer-content-but').on("click", function () {
                    $(".footer-main").toggleClass("expand");
                    $(this).toggleClass("expand");
                })
            </script>
            <!-- END FOOTER -->
        </div>
    </div>
    <!--右侧漂浮-->
    <div class="im">
        <label class="im-l" for="select"><i class="iconfont">&#xe697;</i></label>
        <input type="checkbox" id="select">
        <div class="box">
            <ul>
                <li><a href="#"><i class="iconfont img-skype">&#xec02;</i></a></li>
                <li><a href="#"><i class="iconfont img-whatsapp">&#xe72c;</i></a></li>
                <li><a href="#"><i class="iconfont img-envelope">&#xe61d;</i></a></li>
                <li><a href="#"><i class="iconfont img-user">&#xe8f8;</i></a></li>
            </ul>
        </div>
    </div>
    <!--返回顶部-->
    <div class="scroll" id="scroll" style="display:none;">
        <i class="iconfont">&#xe637;</i>
    </div>
</body>
<script src="{HOME_THEME_PATH}js/jquery-1.12.3.min.js"></script>
<!--动态加载-->
<script src="{HOME_THEME_PATH}js/wow.js" id="WOW"></script>
<script>
    new WOW().init();
</script>
<!--轮播图-->
<script src="{HOME_THEME_PATH}js/owl.carousel.min.js"></script>
<script src="{HOME_THEME_PATH}js/custom.js"></script>

<script>
    /* ------------ Newslater-popup JS Start ------------- */
    $(window).load(function () {
        $.magnificPopup.open({
            items: {
                src: '#newslater-popup'
            },
            type: 'inline'
        }, 0);
    });
    /* ------------ Newslater-popup JS End ------------- */
</script>
<!--菜单栏js-->
<!-- SmartMenus jQuery plugin -->
<script type="text/javascript" src="{HOME_THEME_PATH}js/jquery.smartmenus.js"></script>
<!-- SmartMenus jQuery init -->
<script type="text/javascript">
    // SmartMenus init
    $(function () {
        $('#main-menu').smartmenus({
            subMenusSubOffsetX: 1,
            subMenusSubOffsetY: -8
        });
    });

    // SmartMenus mobile menu toggle button
    $(function () {
        var $mainMenuState = $('#main-menu-state');
        if ($mainMenuState.length) {
            // animate mobile menu
            $mainMenuState.change(function (e) {
                var $menu = $('#main-menu');
                if (this.checked) {
                    $menu.hide().slideDown(250, function () {
                        $menu.css('display', '');
                    });
                } else {
                    $menu.show().slideUp(250, function () {
                        $menu.css('display', '');
                    });
                }
            });
            // hide mobile menu beforeunload
            $(window).bind('beforeunload unload', function () {
                if ($mainMenuState[0].checked) {
                    $mainMenuState[0].click();
                }
            });
        }
    });
</script>
<!--导航栏置顶固定-->
<script>
    $(function () {
        var ie6 = document.all;
        var dv = $('#fixedMenu'),
            st;
        dv.attr('otop', dv.offset().top); //存储原来的距离顶部的距离 
        $(window).scroll(function () {
            st = Math.max(document.body.scrollTop || document.documentElement.scrollTop);
            if (st > parseInt(dv.attr('otop'))) {
                if (ie6) { //IE6不支持fixed属性，所以只能靠设置position为absolute和top实现此效果 
                    dv.css({
                        position: 'absolute',
                        top: st
                    });
                } else if (dv.css('position') != 'fixed') dv.css({
                    'position': 'fixed',
                    top: 0
                });
                dv.addClass("top-fixed")
                $('.inner-page-main').addClass("mh")
            } else if (dv.css('position') != 'static') {
                dv.css({
                    'position': 'static'
                });
                dv.removeClass("top-fixed")
                $('.inner-page-main').removeClass("mh")
            }
        });
    });
</script>
<!--banner-->
<script src="{HOME_THEME_PATH}js/jquery.flexslider-min.js"></script>
<script type="text/javascript">
    $('.flexslider').flexslider();
</script>

<!--返回顶部-->
<script type="text/javascript">
    $(function () {
        showScroll();

        function showScroll() {
            $(window).scroll(function () {
                var scrollValue = $(window).scrollTop();
                scrollValue > 100 ? $('div[class=scroll]').fadeIn() : $('div[class=scroll]').fadeOut();
            });
            $('#scroll').click(function () {
                $("html,body").animate({
                    scrollTop: 0
                }, 200);
            });
        }
    })
</script>
<!--产品折叠列表-->
<script type="text/javascript" src="{HOME_THEME_PATH}js/sidebar-product.js"></script>
<script type="text/javascript">
    $(function () {
        initSidebarClicker('span', '+', '-')
    })
</script>
<!--产品详情页图片展示-->
<script type="text/javascript" src="{HOME_THEME_PATH}js/product_slide.js"></script>
<script type="text/javascript">
    console.log($('.ps-current [class^="elt"]').length)
    $('.ps-current [class^="elt"]').zoom()
</script>
<script type="text/javascript" src="{HOME_THEME_PATH}js/jquery.lightbox-0.5.js"></script>
<script>
    $('.ps-current a').lightBox();
</script>
<!--证书图片点击放大-->
<script src="{HOME_THEME_PATH}js/jquery.fancybox.min.js"></script>

<!--页面出厂动画-->
<script type="text/javascript" src="{HOME_THEME_PATH}js/main.js"></script>
<script type="text/javascript" src="{HOME_THEME_PATH}js/aos.js"></script>
<script type="text/javascript">
    AOS.init({
        easing: 'ease-out-back',
        duration: 1000
    });
</script>

</html>